<link rel="stylesheet" href="../src/css/pages/imageReview.css">


<section id="msg_placeholder"></section>
<section id="widget-grid" class="container-fluid image-container">
    <div class="content" id="adimage-manager-page" style="padding: 10px;margin-top: -30px;">
        <!-- row -->
        <div class="row">
            <article class="col-sm-12">
                <div class="jarviswidget jarviswidget-sortable">
                    <!-- widget div-->
                    <div role="content">
                        <!-- widget content -->
                        <div class="widget-body">
                            <div class="well">
                            	<div class="row">
                                    <div class="col-sm-1">
                                        <label class="row-label" style="margin-left: -20px;">{{i18n-labelSelectApp}} </label>
                                    </div>
                                    <div class="col-sm-4" style="margin-left: -58px">
                                        <select id="app-select" style="width:100%"></select>
                                    </div>
                                </div>
                            </div>
                            <hr />
                            <div class="pt30" id="listArea">
                                <!--图片展示区 -->
                                <div id="adimage-row">
                                    <table class="dataTable no-footer"  list-manager="adimage-review">
                                        <thead>
                                            <th th-name="pic">{{i18n-thImage}} </th>
                                            <th th-name="createTime" sorting="-1">{{i18n-thCreateTime}} </th>
                                            <th th-name="reviewStatus" sorting>{{i18n-thReviewStatus}} </th>
                                            <th th-name="uploadUserName">{{i18n-thUploadUserName}} </th>
                                            <th th-name="reviewer">{{i18n-thReviewer}} </th>
                                            <th th-name="reviewTime">{{i18n-thReviewTime}} </th>
                                            <th th-name="reviewAction">{{i18n-thReviewAction}} </th>
                                        </thead>
                                        <tbody id="adimage-review">
                                        </tbody>
                                    </table>
                                </div>
                                <!--图片展示区 -->
                            </div>
                        </div>
                        <!-- end widget content -->
                    </div>
                    <!-- end widget div -->
                </div>
            </article>
        </div>
    </div>
</section>
<!-- 编辑图片信息 modal -->
<div id="open-adimage-modal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog  modal-lg" role="document">
        <div class="modal-content">
            <span class="slider-action sa-left"><i class="fa fa-chevron-left"></i></span>
            <span class="slider-action sa-right"><i class="fa fa-chevron-right"></i></span>
        	<div class="modal-alert"></div>
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">{{i18n-h4OtherImageDetail}} </h4>
            </div>
            <div class="modal-body">
                <div class="container-fluid">
                </div>
            </div>
            <div class="modal-footer">
                <button id="btn-save" type="button" class="btn btn-primary" review="review">{{i18n-btnReview}} </button>
                <button type="button" class="btn btn-default" data-dismiss="modal">{{i18n-btnCancel}} </button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /编辑图片信息 modal -->

<!-- 图片详情模板 -->
<script type="text/x-template" id="t-adimage-modal-body">
    <div class="row adiamge-row" data-mid="<%=img.mongodbId%>">
        <div class="col-sm-7">
            <a class="thumbnail">
                <img src="<%=img.visitPath%>" title="<%=img.name%>" alt="<%=img.name%>" data-img="<%=img.visitPath%>">
            </a>
            <div class="caption">
                <div class="form-group text-center">
                    <div class="file-name-title">
                        <span>
                            <%=img.name%>
                        </span>
                        <a href="javascript:void(0)" class="edit-file-name"><i class="fa fa-edit"></i></a>
                    </div>
                    <input type="text" name="fileName" class="form-control input-sm hide" data-orgial-value="<%=img.imgName%>" value="<%=img.imgName%>" data-suffix="<%=img.imgSuffix%>" />
                </div>
            </div>
        </div>
        <div class="col-sm-5">
            <form class="form-horizontal">
                <fieldset>
                    <div class="form-group">
                        <label class="col-md-2 control-label">{{i18n-app}}</label>
                        <div class="col-md-10">
                            <input type="hidden" class="form-group-select2 app-select2" data-mid="<%=img.mongodbId%>" style="width:100%" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label">{{i18n-language}}</label>
                        <div class="col-md-10">
                            <input type="hidden" class="form-group-select2 language-select2" data-mid="<%=img.mongodbId%>" style="width:100%" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label">{{i18n-gender}}</label>
                        <div class="col-md-10">
                            <select class="form-group-select2 sex-select2" data-mid="<%=img.mongodbId%>" style="width:100%">
                                <option value="">{{i18n-all}}</option>
                                <option value="1">{{i18n-male}}</option>
                                <option value="2">{{i18n-famale}}</option>
                            </select>
                        </div>
                    </div>
                </fieldset>
            </form>
        </div>
    </div>
</script>

<!-- #adimage  编辑图片中国家列表 模板 -->
<script type="text/x-template" id="t-edit-image-counties-content">
    <div class="smart-form">

        <section>
            <button type="button" class="close" data-dismiss="popover" aria-label="Close" style=" margin-top: -15px;">
                <span aria-hidden="true">&times;</span>
            </button>
        </section>
        <% _.each(appCountries,function (countries,i) { %>
            <section>
                <label class="checkbox">
                    <input type="checkbox" class="checkbox-item" name="checkbox-all" value="1" <%=countries.checked%>>
                    <i></i>
                    <strong>
                        <%=countries.connectionObjectName%>
                    </strong>
                </label>
                <div class="inline-group" style="margin-left: 25px">
                    <% _.each(countries.countries,function (country,j) { %>
                        <label class="checkbox">
                            <input type="checkbox" class="checkbox-item" name="checkbox-inline" value="<%=country.name%>" <%=country.checked%>>
                            <i></i>
                            <%=country.name%>
                        </label>
                        <% }) %>
                </div>
            </section>
            <% }) %>
    </div>
</script>
<div id="popover-from" class="hide" data-from="model"></div>
<div class="hide">
    <div id="commonDlg"></div>
</div>

<div class="modal fade" id="review-image-action">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">{{i18n-reviewImage}}</h4>
      </div>
      <div class="modal-body">
        <p>{{i18n-reviewImageDialog}}</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary">{{i18n-confirmBtn}}</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">{{i18n-btnCancel}}</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->



<div class="modal fade" id="comment-image-modal">
  <div class="modal-dialog">
    <div class="modal-content" style="width: 700px;">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">{{i18n-comment}}</h4>
      </div>
      <div class="modal-body">

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">{{i18n-btnCancel}}</button>
        <button type="button" class="btn btn-primary">{{i18n-confirmBtn}}</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->





<div class="modal fade" id="examine-image-modal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">{{i18n-reviewImage}}</h4>
      </div>
      <div class="modal-body">
        <p>{{i18n-reviewImageDialog}}</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary">{{i18n-confirmBtn}}</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">
            {{i18n-btnCancel}}
        </button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
